<template>
  <div class="centerSprite">
    <div id="header">
      <Header />
    </div>
    <div class="centerList">
      <HeaderSide :defaultIndexs="defaultIndex" />
      <div class="container">
        <p class="breadClum">
          <a  >新闻>></a>
          <a >微党课</a>
        </p>
        <div class="studyListWrap">
          <div class="studyList">
            <p class="studyTitle">
              <span>十九大精神</span>
              <a >>>更多</a>
            </p>
            <ul>
              <li>
                <router-link :to="{path:'/studyVideo',query:{id:0}}">
                  <a >
                    弘扬企业家精神 以新担当新作为引领中央企业创新发展
                  </a>
                </router-link>
              </li>
              <li>
                <router-link :to="{path:'/studyVideo',query:{id:0}}">
                  <a >
                    弘扬企业家精神 以新担当新作为引领中央企业创新发展
                  </a>
                </router-link>
              </li>
              <li>
                <router-link :to="{path:'/studyVideo',query:{id:0}}">
                  <a >
                    弘扬企业家精神 以新担当新作为引领中央企业创新发展
                  </a>
                </router-link>
              </li>
              <li>
                <router-link :to="{path:'/studyVideo',query:{id:0}}">
                  <a >
                    弘扬企业家精神 以新担当新作为引领中央企业创新发展
                  </a>
                </router-link>
              </li>
              <li>
                <router-link :to="{path:'/studyVideo',query:{id:0}}">
                  <a >
                    弘扬企业家精神 以新担当新作为引领中央企业创新发展
                  </a>
                </router-link>
              </li>
              <li>
                <router-link :to="{path:'/studyVideo',query:{id:0}}">
                  <a >
                    弘扬企业家精神 以新担当新作为引领中央企业创新发展
                  </a>
                </router-link>
              </li>
              <li>
                <router-link :to="{path:'/studyVideo',query:{id:0}}">
                  <a >
                    弘扬企业家精神 以新担当新作为引领中央企业创新发展
                  </a>
                </router-link>
              </li>
            </ul>
          </div>
          <div class="studyList">
            <p class="studyTitle">
              <span>十九大精神</span>
              <a >>>更多</a>
            </p>
            <ul>
              <li>
                <router-link :to="{path:'/studyVideo',query:{id:0}}">
                  <a >
                    弘扬企业家精神 以新担当新作为引领中央企业创新发展
                  </a>
                </router-link>
              </li>
              <li>
                <router-link :to="{path:'/studyVideo',query:{id:0}}">
                  <a >
                    弘扬企业家精神 以新担当新作为引领中央企业创新发展
                  </a>
                </router-link>
              </li>
              <li>
                <router-link :to="{path:'/studyVideo',query:{id:0}}">
                  <a >
                    弘扬企业家精神 以新担当新作为引领中央企业创新发展
                  </a>
                </router-link>
              </li>
              <li>
                <router-link :to="{path:'/studyVideo',query:{id:0}}">
                  <a >
                    弘扬企业家精神 以新担当新作为引领中央企业创新发展
                  </a>
                </router-link>
              </li>
              <li>
                <router-link :to="{path:'/studyVideo',query:{id:0}}">
                  <a >
                    弘扬企业家精神 以新担当新作为引领中央企业创新发展
                  </a>
                </router-link>
              </li>
              <li>
                <router-link :to="{path:'/studyVideo',query:{id:0}}">
                  <a >
                    弘扬企业家精神 以新担当新作为引领中央企业创新发展
                  </a>
                </router-link>
              </li>
              <li>
                <router-link :to="{path:'/studyVideo',query:{id:0}}">
                  <a >
                    弘扬企业家精神 以新担当新作为引领中央企业创新发展
                  </a>
                </router-link>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div id="footer">
      <Footer />
    </div>
  </div>
</template>

<script>
  import header from  '../components/header.vue'
  import footer from '../components/footer.vue'
  import headerSide from '../components/side.vue'
  export default({
    data(){
      return {
        defaultIndex:1
      }
    },
    computed:{

    },
    components:{
      Header:header,
      Footer:footer,
      HeaderSide:headerSide
    }
  })
</script>
<style   >

  .breadClum a{
    font-size:16px;
    color:#6d6d6d;
  }
  .headerSide .container{
    overflow: hidden;
  }
  .centerList{
    background-image:url("../../static/images/list.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    /*height: 1248px;*/
    /*margin-top: -156px;*/
  }
  .headerSide{
    padding-bottom: 40px;
  }

  .spriteList .spriteTitle{
    font-size: 28px;
    color: #ed4442;
    font-weight: bold;
    padding-top: 45px;
    padding-bottom: 20px;
  }
  .studyList .studyTitle{
      font-size: 26px;
      color: #ed4442;
      padding-top: 50px;
  }
  .studyList .studyTitle a{
    font-size:16px ;
    color: #ed4442;
    float: right;
  }
  .studyList ul li{
    margin-bottom: 6px;
  }
  .studyList ul li>a{
    font-size: 16px;
    color: #000;
    position: relative;
    padding-left: 20px;

  }
  .studyList ul li>a:before{
    position: absolute;
    content:"";
    width: 4px;
    height: 4px;
    background: #ed4442;
    margin-top: -2px;
    left: 5px;
    top:50%;
    margin-top: -2px;
  }
  .studyList ul{
    padding-top: 10px;
  }
  .studyListWrap{
    padding-bottom:50px ;
  }
</style>
